<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< 标签名 ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>${标签名}</h2>
    <div>简介:</div>
    <p>${这里是简介}</p>
</div>
<div id="style"></div>
<div></div>
<script src="../js/script_min.js"></script>
<script src="view.js"></script>
<script>
    let text = new view("text");
    text.init([
        {style:1,data:[
            {img:"img/shequ_03.png",code:`<asdf a="asdf">asdfsa</asdf>`,title:"经典款"},
            {img:"img/shequ_04.png",code:`<asdf a="ffffffff">ffffffff</asdf>`,title:"常用"},
            //.........
        ]},
        {style:2,data:[
            {img:"img/shequ_03.png",code:`<asdf a="asdf">asdfsa</asdf>`,title:"经典款"},
            {img:"img/shequ_04.png",code:`<asdf a="ffffffff">ffffffff</asdf>`,title:"常用"},
            //...........
        ]},
        //.........
    ]);
</script>
</body>
</html>